import api from '../api/api'
import config from "@/utils/config";
import {message} from "ant-design-vue";
// 工具栏
export const toolbarConfig = {
    /* 工具栏配置 */
    toolbarKeys: [
        'bold',
        'clearStyle',
        'color',
        'bgColor',
        'fontSize',
        '|',
        // 菜单组，包含多个菜单
        {
            key: 'group-image', // 必填，要以 group 开头
            // title: '图片', // 必填
            iconSvg: '<svg viewBox="0 0 1024 1024"><path d="M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z"></path></svg>',
            menuKeys: ['uploadImage', 'insertImage', 'deleteImage', 'editImage', 'viewImageLink']
        },
        'divider',
        'emotion',
        'blockquote',
        'headerSelect',
        'redo',
        'undo',
        'fullScreen'
     ]
}
export const MENU_CONF= {
    uploadImage: {
      async customUpload (file, insertFn) {
        console.log(file)
        // // 上传图片
        const fd = new FormData()
        fd.append('files', file)
        try {
          const res = await api.uploadImage(fd)
          //console.log(res)
          // 如果上传成功
          if (res) {
              insertFn(res.msg)
          }
        } catch (err) {
          message.error('上传图片错误')
        //console.log(err)
        }
      },
    },
  }
